let Template = [
    {
        id: 'Bubble01_0001',
        component: 'Bubble01', // string 气泡图
        style: {
            width: {
                value: 310, // number
                pixel: 310,
                unit: 'px' // string
            },
            height: {
                value: 200, // number
                pixel: 200,
                unit: 'px' // string
            },
            top: {
                value: 0, // number
                pixel: 0,
                unit: 'px' // string
            },
            left: {
                value: 0, // number
                pixel: 0,
                unit: 'px' // string
            },
            bottom: {
                value: '',
                unit: 'px'
            },
            right: {
                value: '',
                unit: 'px'
            },
            backgroundImage: {
                angle: 90,
                color: []
            },
            borderRadius: {
                value: 0,
                unit: 'px'
            },
            borderWidth: 0,
            borderStyle: 'solid', // 边框样式 string
            borderColor: '#FFFFFF',
            boxShadow: {
                level: 0,
                vertical: 0,
                blur: 0,
                spread: 0,
                color: '#000000FF'
            },
            rotate: 0, // 旋转角度 number
            'z-index': 1, // 面板层级 number
            opacity: 100,
            backdropFilter: 0,
            filter: 0
        },
        attribute: {
            visible: true,
            colorGroup: ['#7BC3F5', '#618FF6', '#5659F7', '#6ACE99', '#C0F2B4', '#E0E5DB'], // 面板颜色组 array[string]
            chartOption: {
                type: 'bubbleScatter',
                coordinateSystem: 'bubbleScatter', // 坐标系
                chartStyle: {},
                option: {
                    legend: {
                        // data: ['1990', '2015'],
                        icon: "circle",
                        show: false,
                        itemWidth: 10,
                        itemheight: 10,
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        left: 'left',
                        top: '100'
                    },
                    color: ['#7BC3F5', '#618FF6', '#5659F7', '#6ACE99', '#C0F2B4', '#E0E5DB'],
                    title: [{
                        text: '1990 与 2015 年各国家人均寿命与 GDP',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        left: 'left',
        
                    }, {
                        text: '',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '14',
                        },
                        left: 'left',
                        top: '20',
                    }],
                    tooltip: {
                        trigger: 'axis',
                        axisPointer: {
                            // 坐标轴指示器，坐标轴触发有效
                            type: 'shadow', // 默认为直线，可选为：'line' | 'shadow'
                        },
                    },
                    grid: {
                        left: '3%',
                        right: '5%',
                        bottom: '3%',
                        top: '40',
                        containLabel: true,
                    },
                    xAxis: {
                        splitLine: {
                            lineStyle: {
                                type: 'dashed'
                            }
                        },
                        axisTick: {   //刻度线
                            show: false,
                        },
                        axisLine: {   //轴线
                            show: true,
                            lineStyle: {
                                color: '#35404e',
                                width: 2,
                            },
                        },
                        axisLabel: {    //轴标签
                            show: true,
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        splitLine: { //网格线
                            show: false,
                            lineStyle: {
                                color: '#33333333',
                                type: 'dashed'
                            },
                        }
                    },
                    yAxis: {
                        splitLine: {
                            lineStyle: {
                                type: 'dashed'
                            }
                        },
                        scale: true,
                        axisTick: {   //刻度线
                            show: false,
                        },
                        axisLine: {   //轴线
                            show: false,
                            lineStyle: {
                                color: '#35404e',
                                width: 2,
                            },
                        },
                        axisLabel: {    //轴标签
                            show: true,
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        splitLine: { //网格线
                            show: false,
                            lineStyle: {
                                color: '#33333333',
                                type: 'dashed'
                            },
                        }
                    },
                    series: [
                        {
                            type: 'scatter',
                        },
                    ],
                },
            }, // echarts统计图模板 object
            interval: -1, // 定时器间隔（毫秒） number
            page: 0,
            highlight: false, // 组件所属页面
            locked: false
        },
        animate: [],
        event: [],
        data: {
            url: '',// 服务地址
            key: [],// 服务返回对象所选中的array的级联key
            type: 'static',// dynamic 静态数据或接口返回数据
            datatype: 'json', // xml,csv 接口返回数据类型
            method: '0', // 0 get请求、1 post请求 // xml,csv 接口返回数据类型
            field: [{
                alias: 'x',
                index: 0,
                type: 'x'
            },
            {
                alias: 'y',
                index: 1,
                type: 'y'
            },
            {
                alias: 'value',
                index: 2,
                type: 'value'
            },
            {
                alias: 'name',
                index: 3,
                type: 'name'
            }],
            value: [
                ['x', "y", "value", "name"],
                [28604, 77, 17096869, 'Australia'], 
                [31163, 77.4, 27662440, 'Canada'], 
                [1516, 68, 1154605773, 'China'], 
                [13670, 74.7, 10582082, 'Cuba'], 
                [28599, 75, 4986705, 'Finland'], 
                [29476, 77.1, 56943299, 'France'], 
                [31476, 75.4, 78958237, 'Germany'], 
                [28666, 78.1, 254830, 'Iceland'], 
                [1777, 57.7, 870601776, 'India'], 
                [29550, 79.1, 122249285, 'Japan'], 
                [2076, 67.9, 20194354, 'North Korea'], 
                [12087, 72, 42972254, 'South Korea'], 
                [24021, 75.4, 3397534, 'New Zealand'], 
                [43296, 76.8, 4240375, 'Norway'], 
                [10088, 70.8, 38195258, 'Poland'], 
                [19349, 69.6, 147568552, 'Russia'], 
                [10670, 67.3, 53994605, 'Turkey'], 
                [26424, 75.7, 57110117, 'United Kingdom'], 
                [37062, 75.4, 252847810, 'United States']
            ], // 二维数组 存静态数据 二维数组
        }
    },
    {
        id: 'Bubble02_0002',
        component: 'Bubble02', // string 气泡图
        style: {
            width: {
                value: 310, // number
                pixel: 310,
                unit: 'px' // string
            },
            height: {
                value: 200, // number
                pixel: 200,
                unit: 'px' // string
            },
            top: {
                value: 0, // number
                pixel: 0,
                unit: 'px' // string
            },
            left: {
                value: 0, // number
                pixel: 0,
                unit: 'px' // string
            },
            bottom: {
                value: '',
                unit: 'px'
            },
            right: {
                value: '',
                unit: 'px'
            },
            backgroundImage: {
                angle: 90,
                color: []
            },
            borderRadius: {
                value: 0,
                unit: 'px'
            },
            borderWidth: 0,
            borderStyle: 'solid', // 边框样式 string
            borderColor: '#FFFFFF',
            boxShadow: {
                level: 0,
                vertical: 0,
                blur: 0,
                spread: 0,
                color: '#000000FF'
            },
            rotate: 0, // 旋转角度 number
            'z-index': 1, // 面板层级 number
            opacity: 100,
            backdropFilter: 0,
            filter: 0
        },
        attribute: {
            visible: true,
            colorGroup: ['#7DA2EE', '#6A69F5', '#C565F5', '#FA7FFB', '#F2B5DE', '#ECDDE3'], // 面板颜色组 array[string]
            chartOption: {
                type: 'bubbleScatter',
                coordinateSystem: 'bubbleScatter', // 坐标系
                option: {
                    legend: {
                        // data: ['北京', '上海', '广州'],
                        icon: "circle",
                        show: false,
                        itemWidth: 10,
                        itemheight: 10,
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        left: 'left',
                        top: '0',
                    },
                    color:['#7DA2EE', '#6A69F5', '#C565F5', '#FA7FFB', '#F2B5DE', '#ECDDE3'],
                    title: [{
                        text: '',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '18',
                        },
                        left: 'left',
                    }, {
                        text: '',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '14',
                        },
                        left: 'left',
                        top: '20',
                    }],
                    tooltip: {
                        trigger: 'axis',
                        axisPointer: {
                            // 坐标轴指示器，坐标轴触发有效
                            type: 'line', // 默认为直线，可选为：'line' | 'shadow'
                        },
                    },
                    grid: {
                        left: '3%',
                        right: '10%',
                        bottom: '2%',
                        top: '50',
                        containLabel: true,
                    },
                    xAxis: {
                        type: 'value',
                        name: '日期',
                        nameGap: 9,
                        nameTextStyle: {
                            fontSize: 12,
                            color:'#FFFFFF'
                        },
                        max: 31,
                        axisTick: {   //刻度线
                            show: true,
                        },
                        axisLine: {   //轴线
                            show: true,
                            lineStyle: {
                                color: '#35404e',
                                width: 2,
                            },
                        },
                        axisLabel: {    //轴标签
                            show: true,
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        splitLine: { //网格线
                            show: true,
                            lineStyle: {
                                color: '#33333333',
                                type: 'dashed'
                            },
                        }
                    },
                    yAxis: {
                        type: 'value',
                        name: '',
                        nameLocation: 'end',
                        nameGap: 5,
                        nameTextStyle: {
                            fontSize: 12,
                            color:'#FFFFFF',
                        },
                        axisTick: {   //刻度线
                            show: false,
                        },
                        axisLine: {   //轴线
                            show: false,
                            lineStyle: {
                                color: '#35404e',
                                width: 2,
                                type: 'solid'
                            },
                        },
                        axisLabel: {    //轴标签
                            show: true,
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        splitLine: { //网格线
                            show: false,
                            lineStyle: {
                                color: ['#ccc'],
                                opacity: 0.5,
                                type: 'dashed'
                            },
                        }
                    },
                    visualMap: [
                        {
                            left: 'right',
                            top: '0%',
                            dimension: 2,
                            min: 0,
                            max: 250,
                            itemWidth: 20,
                            itemHeight: 120,
                            calculable: true,
                            precision: 0.1,
                            text: ['PM2.5'],
                            textGap: 10,
                            inRange: {
                                symbolSize: [10, 30]
                            },
                            outOfRange: {
                                symbolSize: [10, 30],
                                color: ['#FFFFFF66']
                            },
                            controller: {
                                inRange: {
                                    color: ['#c23531']
                                },
                                outOfRange: {
                                    color: ['#999999']
                                }
                            }
                        },
                       
                    ],
                    series: [],
                },
            }, // echarts统计图模板 object
            interval: -1, // 定时器间隔（毫秒） number
            page: 0,
            highlight: false, // 组件所属页面
            locked: false
        },
        animate: [],
        event: [],
        data: {
            url: '',// 服务地址
            key: [],// 服务返回对象所选中的array的级联key
            type: 'static',// dynamic 静态数据或接口返回数据
            datatype: 'json', // xml,csv 接口返回数据类型
            method: '0', // 0 get请求、1 post请求 // xml,csv 接口返回数据类型
            field: [{
                alias: 'x',
                index: 0,
                type: 'x'
            },
            {
                alias: 'y',
                index: 1,
                type: 'y'
            },
            {
                alias: 'value',
                index: 2,
                type: 'value'
            },
            {
                alias: 'name',
                index: 3,
                type: 'name'
            }],
            value: [
                ['x', "y", "value", "name"],
                [1, 55, 9, "良"],
                [2, 25, 11, "优"],
                [3, 56, 7, "良"],
                [4, 33, 7, "优"],
                [5, 42, 24, "优"],
                [6, 82, 58, "良"],
                [7, 74, 49, "良"],
                [8, 78, 55, "良"],
                [9, 267, 216, "重度污染"],
                [10, 185, 127, "中度污染"],
                [11, 39, 19, "优"],
                [12, 41, 11, "优"],
                [13, 64, 38, "良"],
                [14, 108, 79, "轻度污染"],
                [15, 108, 63, "轻度污染"],
                [16, 33, 6, "优"],
                [17, 94, 66, "良"],
                [18, 186, 142, "中度污染"],
                [19, 57, 31, "良"],
                [20, 22, 8, "优"],
                [21, 39, 15, "优"],
                [22, 94, 69, "良"],
                [23, 99, 73, "良"],
                [24, 31, 12, "优"],
                [25, 42, 27, "优"],
                [26, 154, 117, "中度污染"],
                [27, 234, 185, "重度污染"],
                [28, 160, 120, "中度污染"],
                [29, 134, 96, "轻度污染"],
                [30, 52, 24, "良"],
                [31, 46, 5, "优"]
            ], // 二维数组 存静态数据 二维数组
        },
    },
];
export default Template;